<!DOCTYPE html>
<html>
  <head>
    <script src="js/jquery.js"></script>
    <script src="js/jquery.hoverIntent.minified.js"></script>
    <script src="js/jquery.textarea-expander.js"></script>
    <script src="js/jquery.timeago.js"></script>
    <script src="js/underscore.js"></script>
    <script src="js/constants.js"></script>
    <script src="js/window.js"></script>
    <script src="js/ui.js"></script>
    <script src="js/init.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
  </head>
  <body>
    <div id="sidebar">
      <div id="profile-pic">
      </div>
      <ul id="items">
        <li id="stream-btn" class="selected tab"><img class="button" src="images/stream.png" title="News Feed"/><img class="refresh-btn" src="images/refresh.png" /></li>
        <li id="wall-btn" class="tab"><img class="button" src="images/incoming.png" title="Wall" /><img class="refresh-btn" src="images/refresh.png" /></li>
        <li id="notifications-btn" class="tab"><img class="button" src="images/notifications.png" title="Notifications" /><img class="refresh-btn" src="images/refresh.png" /></li>
        <li id="inbox-btn" class="tab"><img class="button" src="images/inbox.png" title="Inbox" /><img class="refresh-btn" src="images/refresh.png" /></li>
        <li id="logout-btn"><span class="blue-btn"><button>Logout</button></span></li>
      </ul>
    </div>
    <div id="content">
      <div id="composer" style="display:none">
        <textarea rows="1" cols="40" id="composer-area">What's on your mind?</textarea>
        <span id="composer-btn" class="blue-btn"><button id="composer-submit">Share</button></span>
        <div style="display: none" id="composer-attch">
          <!-- Give options, to attach current page, or arbitrary url -->
        </div>
      </div>
      <div id="loading" style="display:none">
        <img src="images/loading.gif" />
      </div>
      <ul id="stream">
      </ul>
      <ul id="wall" class="empty">
      </ul>
      <ul id="notifications" class="empty">
      </ul>
      <ul id="inbox" class="empty">
      </ul>
      <ul id="login" style="display:none">
        <div id="error" style="display:none">
          Sorry, your login did not work, please try again.
        </div>
        <p id="intro">The updated Facebook for Google Chrome extension now uses Facebook Connect. To get started, click below:</p>
        <div id="login-btn-div"><span class="login-btn" id="login-btn"><span id="login-text">Login to Facebook</span></span></div>
      </ul>
    </div>
    <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
    <script type="text/javascript">
      try {
        _uacct = "UA-85731-3";
        urchinTracker();
      } catch(err) {}
    </script>
  </body>
</html>